@import "base.css";
@import "map.css";

:root {
    --common-header-z-index: 10;
    /* 面板黑色遮罩背景 */
    --side-panel-mask-z-index: 2;
    /* 主 */
    --side-main-z-index: 1;
    /* 两侧面板（移入与存续时的层级） */
    --side-panel-in-z-index: 7;
    /* 面板移出时的层级 */
    --side-panel-out-z-index: 5;
}

html, body {
    width: 100%;
    height: 100%;
    overflow: auto;
    /*background: rgba(0, 0, 0, .2);*/
}

#app {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    /*径向渐变 #172F8A，#0F205F，#0B1846 三种颜色*/
    background: radial-gradient(circle, #172F8A, #0F205F, #0B1846);
    color: #fff;
}
.threejs-body{
   /* #app{
        !*background:url("@/assets/images/threejs-body.png")   ;*!
        background-size: 50px 50px;
        background-repeat: round;
    }*/
    .box-shadow{
        /*opacity: 0.5;*/
    }
}
/*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 1px;
    height: 16px;
    background-color: rgba(0, 59, 129, 0.1);
}

/*定义滚动条轨道
 内阴影+圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(24, 24, 24, 0.19);
    border-radius: 10px;
    background-color: rgba(0, 59, 129, 0.16);
}

/*定义滑块
 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(14, 199, 155, 0.42);
    background-color: rgba(14, 199, 155, 0.41);
}

/*加载字体 数字*/
@font-face {
    font-family: 'AGENCYR';  /* project id 1594066 */
    src: url('./fonts/AGENCYR.TTF');
}

/*加载字体*/
@font-face {
    font-family: 'HunDIN';  /* project id 1594066 */
    src: url('./fonts/din-bold-2.ttf');
}

/*加载字体*/
@font-face {
    font-family: 'YouSheBiaoTiHei';  /* project id 1594066 */
    src: url('./fonts/YouSheBiaoTiHei.ttf');
}

.num {
    font-family: 'HunDIN';
}
